<%@page pageEncoding="UTF-8"%>
<tiles:insert template="common/layoutLogin.jsp" flush="true">
    <tiles:put name="title">
        <bean:message key="login.title" />
    </tiles:put>
    <style type="text/css">
body {
	background: url(img/bg-login.jpg) !important;
}
</style>
    <tiles:put name="content" type="string">
        <div class="row-fluid">
            <div class="row-fluid">
                <div class="login-box">
                    <div class="icons">
                        <a href="index.html"><i class="icon-home"></i></a>
                        <a href="#"><i class="icon-cog"></i></a>
                    </div>
                    <h2><bean:message key="login.headline" /></h2>
                    <html:errors /><br />
                    <html:errors property="invalidAccountOrPassword" />
                    <form class="form-horizontal" action="doLogin"
                        method="post">
                        <fieldset>
                            <div class="input-prepend" title="Username">
                                <span class="add-on"><i
                                    class="icon-user"></i></span> <input
                                    class="input-large span10"
                                    name="account" id="username"
                                    type="text" value="${indexForm.account}"
                                    placeholder="type username" />
                            </div>
                            <div class="clearfix"></div>

                            <div class="input-prepend" title="Password">
                                <span class="add-on"><i
                                    class="icon-lock"></i></span> <input
                                    class="input-large span10"
                                    name="password" id="password"
                                    type="password" value="${indexForm.password}"
                                    placeholder="type password" />
                            </div>
                            <div class="clearfix"></div>

                            <label class="remember" for="remember"><input
                                type="checkbox" id="remember" /><bean:message key="login.checkbox.remeber" /></label>

                            <div class="button-login">
                                <button type="submit"
                                    class="btn btn-primary">
                                    <i class="icon-off icon-white"></i>
                                    <bean:message key="login.submit.button" />
                                </button>
                            </div>
                            <div class="clearfix"></div>
                    </form>
                    <hr>
                    <h3>Forgot Password?</h3>
                    <p>
                        No problem, <a href="#">click here</a> to get a
                        new password.
                    </p>
                </div>
                <!--/span-->
            </div>
            <!--/row-->
        </div>
        <!--/fluid-row-->
    </tiles:put>
</tiles:insert>